<template>
	<div class="chap_header">
		<!-- <div class="left_img">
			<img src="Http://www.mingzhuxiaoshuo.com/TuPian/2011102622240926347-0.jpg" alt="">
		</div>
		<div class="right_jieshao">
			<div>《红楼梦》简介</div>
			<div>《红楼梦》，中国古代四大名著之一，章回体长篇小说，成书于1784年（清乾隆帝四十九年），梦觉主人序本正式题为《红楼梦》。它的原名有《石头记》、《情僧录》、《风月宝鉴》、《金陵十二钗》等。前80回曹雪芹著，后40回无名氏续，程伟元、高鹗整理。本书是一部具有高度思想性和高度艺术性的伟大作品，作者具有初步的民主主义思想，他对现实社会、宫廷、官场的黑暗，封建贵族阶级及其家庭的腐朽，封建的科举、婚姻、奴婢、等级制度及社会统治思想等都进行了深刻的批判，并且提出了朦胧的带有初步民主主义性质的理想和主张</div>
		</div> -->
		<div class="title">title</div>
	</div>
</template>

<script>
import axios from 'axios'

export default{
	name:'Header',
	data(){
		return{
			title:''
		}
	},
	methods:{
		getChapters(){
			var title = this.$route.query.title
			this.title = title
			console.log(title)
			// axios.post(('http://localhost:3000/api/user/chapter'), {
			//   title:title
			// }, {}).then((response) => { 
			// 	// console.log(response.data); 
				
			// 	// var a = JSON.stringify(response.data);
			// 	// console.log('a:'+response.data[2])
				
			// 	// console.log('a:'+JSON.stringify(response.data[2]))
			// 	var d = []
			// 	for(var i = 0;i < response.data.length;i++){
			// 		var dat = JSON.stringify(response.data[i])
			// 		// console.log(dat)
			// 		var dat2 = JSON.parse(dat)
			// 		// console.log(dat2)
			// 		d.push(dat2)
			// 		// console.log(d)
			// 	}
			// 	var c= this.chapters = d
			// 	// console.log(c)
			// })
		}
	},
	mounted(){
		this.getChapters()
	}
}
</script>

<style scoped>
	/* .chap_header{
		padding: 20px 50px 0 50px;
		width: 100%;
		height: 180px;
	}
	.left_img{
	  height: 100px;
	  width: 80px;
	  float: left;
	}
	.right_jieshao{
	  height: 100px;
	  width: 85%;
	  float: left;
	  padding-left: 36px;
	}
	.right_jieshao :first-child{
	  font-size: 20px;
	  font-weight: 800;
	}
	.right_jieshao :last-child{
		font-size: 14px;
		letter-spacing: 3px;
		line-height: 24px;
		padding: 10px; */
		/*多行限制字数  显示省略号 */
		/* overflow: hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:4;
	} */
	.title{
		padding-top: 100px;
		text-align: center;
	}
</style>
